<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Recipes mockup v2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
	
<style>
._ui-content{margin: 0; padding: 0}
</style>
</head>

<body>

<div data-role="page" id="categories" data-title="Recipes - Categories"><div data-role="content">
	<div data-role="header"><h1>Categories</h1></div>
	
	<ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search categories...">
		<li><a href="mockup2-page2.html">Desert</a></li>
		<li><a href="mockup2-page2.html">Pasta</a></li>
		<li><a href="mockup2-page2.html">Salad</a></li>
		<li><a href="mockup2-page2.html">Meat</a></li>
		<li><a href="mockup2-page2.html">Soup</a></li>
	</ul>
	<div data-role="navbar">
		<ul>
			<li><a href="#categories"  data-icon="grid" data-transition="fade">Categories</a></li>
			<li><a href="#ingredients" data-icon="gear" data-transition="fade">Ingredients</a></li>
			<li><a href="#favorites"   data-icon="star" data-transition="fade">Favorites</a></li>
		</ul>
	</div>
</div></div>

<div data-role="page" id="ingredients" data-title="Recipes - Ingredients"><div data-role="content">
	<div data-role="header"><h1>Ingredients</h1></div>
	<ul data-role="listview" data-inset="true" data-filter="true">
		<li><a href="mockup2-page2.html">Lemon</a></li>
		<li><a href="mockup2-page2.html">Fish</a></li>
		<li><a href="mockup2-page2.html">Meat</a></li>
		<li><a href="mockup2-page2.html">Coreanda</a></li>
		<li><a href="mockup2-page2.html">Weat</a></li>
	</ul>
	<div data-role="navbar">
		<ul>
			<li><a href="#categories"  data-icon="grid" data-transition="fade">Categories</a></li>
			<li><a href="#ingredients" data-icon="gear" data-transition="fade">Ingredients</a></li>
			<li><a href="#favorites"   data-icon="star" data-transition="fade">Favorites</a></li>
		</ul>
	</div>
</div></div>

<div data-role="page" id="favorites" data-title="Recipes - Favorites"><div data-role="content">
	<div data-role="header"><h1>Favorites</h1></div>
	<ul data-role="listview" data-inset="true" data-filter="true">
		<li><a href="mockup2-page3.html">Chicken huggets</a></li>
		<li><a href="mockup2-page3.html">Fish and chips</a></li>
		<li><a href="mockup2-page3.html">Traditional pizza</a></li>
		<li><a href="mockup2-page3.html">Falafel</a></li>
	</ul>
	<div data-role="navbar">
		<ul>
			<li><a href="#categories"  data-icon="grid" data-transition="fade">Categories</a></li>
			<li><a href="#ingredients" data-icon="gear" data-transition="fade">Ingredients</a></li>
			<li><a href="#favorites"   data-icon="star" data-transition="fade">Favorites</a></li>
		</ul>
	</div>
</div></div>

<div data-role="navbar">
	<ul>
			<li><a href="#categories"  data-icon="grid" data-transition="fade">Categories</a></li>
			<li><a href="#ingredients" data-icon="gear" data-transition="fade">Ingredients</a></li>
			<li><a href="#favorites"   data-icon="star" data-transition="fade">Favorites</a></li>
	</ul>
</div>
v2

</body>
</html>